import { meta, shopify, starbucks, tesla } from "../assets/images";
import {
    car,
    contact,
    css,
    express,
    git,
    github,
    html,
    javascript,
    linkedin,
    mongodb,
    motion,
    mui,
    nextjs,
    nodejs,
    pricewise,
    react,
    redux,
    sass,
    snapgram,
    tailwindcss,
    threads,
    typescript
} from "../assets/icons";

export const skills = [
    {
        imageUrl: css,
        name: "CSS",
        type: "Frontend",
    },
    {
        imageUrl: express,
        name: "Express",
        type: "Backend",
    },
    {
        imageUrl: git,
        name: "Git",
        type: "Version Control",
    },
    {
        imageUrl: github,
        name: "GitHub",
        type: "Version Control",
    },
    {
        imageUrl: html,
        name: "HTML",
        type: "Frontend",
    },
    {
        imageUrl: javascript,
        name: "JavaScript",
        type: "Frontend",
    },
    {
        imageUrl: mongodb,
        name: "MongoDB",
        type: "Database",
    },
    {
        imageUrl: motion,
        name: "Motion",
        type: "Animation",
    },
    {
        imageUrl: mui,
        name: "Material-UI",
        type: "Frontend",
    },
    {
        imageUrl: nextjs,
        name: "Next.js",
        type: "Frontend",
    },
    {
        imageUrl: nodejs,
        name: "Node.js",
        type: "Backend",
    },
    {
        imageUrl: react,
        name: "React",
        type: "Frontend",
    },
    {
        imageUrl: redux,
        name: "Redux",
        type: "State Management",
    },
    {
        imageUrl: sass,
        name: "Sass",
        type: "Frontend",
    },
    {
        imageUrl: tailwindcss,
        name: "Tailwind CSS",
        type: "Frontend",
    },
    {
        imageUrl: typescript,
        name: "TypeScript",
        type: "Frontend",
    }
];

export const experiences = [
    {
        title: "前端开发[React+typescript]",
        company_name: "bigData",
        icon: starbucks,
        iconBg: "#accbe1",
        date: "2024年3月12号-2024年3月29号",
        points: [
            "采用react+ts+mongoDB完成的大数据展示平台，包含公司各系度营业收入，以及预测收入，呈现业务相关的数据视图，包括产品列表、最近订单列表、费用类别分布饼图以及总体摘要和说明.",
            "全程开发，后端采用mongoDB部署数据库获取数据.",
            "实施响应式设计并确保跨浏览器兼容性。.",
            "代码与性能的优化.",
        ],
    },
    {
        title: "web前端讲师",
        company_name: "合肥宝德网络技术有限公司江西分公司",
        icon: tesla,
        iconBg: "#fbc3bc",
        date: "2023.08.31-2023.11.28",
        points: [
            "负责教学日历，教学大纲，教案的编写.",
            "按照教学大纲以及教学日历完成教学任务.",
            "负责课题选择并辅导学生完成课题答辩.",
            "辅导学生进行项目优化提升性能.",
        ],
    },
    {
        title: "前端开发实习生",
        company_name: "江西蓝源科技有限公司",
        icon: shopify,
        iconBg: "#b7e4c7",
        date: "2022.05-2023.07",
        points: [
            "编写多个交互页面以及个别3D大展屏页面.",
            "拖拉拽自定义布局以及绑定数据展示.",
            "vue  跨页面调用函数.",
            "与webUI设计师，产品经理沟通，协助完成业务功能的落地，确保产品具有优秀的用户体验。.",
        ],
    },
    {
        title: "外包",
        company_name: "",
        icon: meta,
        iconBg: "#a2d2ff",
        date: "2023.09 - Present",
        points: [
            "完成需求特效.",
            "与包括设计师、产品经理和其他开发人员在内的跨职能团队合作，以创建高质量的产品."
        ],
    },
];

export const socialLinks = [
    {
        name: 'Contact',
        iconUrl: contact,
        link: '/contact',
    },
    {
        name: 'GitHub',
        iconUrl: github,
        link: 'https://github.com/xtc2016xtc',
    },
    {
        name: 'LinkedIn',
        iconUrl: linkedin,
        link: 'https://www.linkedin.com/in/YourLinkedInUsername',
    }
];

export const projects = [
    {
        iconUrl: pricewise,
        theme: 'btn-back-red',
        name: '仿抖音',
        description: '实现登录，注册，评论，点赞，等...',
        link: 'https://gitee.com/xiong-goucheng/tiktok-clone',
    },
    {
        iconUrl: threads,
        theme: 'btn-back-green',
        name: '3d个人介绍',
        description: '采用React+three的方式展现自己的技能以及项目.',
        link: 'https://gitee.com/xiong-goucheng/3-dmax',
    },
    {
        iconUrl: snapgram,
        theme: 'btn-back-blue',
        name: '财务后台系统[大数据展示平台]',
        description: '采用react+ts+mongoDB完成的大数据展示平台，包含公司各系度营业收入，以及预测收入，呈现业务相关的数据视图，包括产品列表、最近订单列表、费用类别分布饼图以及总体摘要和说明。.',
        link: 'https://gitee.com/xiong-goucheng/client',
    },
    {
        iconUrl: car,
        theme: 'btn-back-pink',
        name: '快来租车',
        description: '基于 uni-app+vite + vue3 构建的一款租车平台 app ,平台提供了大量车辆信息，方便用户选取。用户可根据自身需求来选取车辆进行租用.',
        link: 'https://gitee.com/xiong-goucheng/car',
    }
];